<template>
  <section>
    <div class="tabs noBlueBg">
      <div class="item" :class="{active:item.path===$route.path.split('/')[3]}" v-for="item in dataNavs"
           @click="go(item.path)">
        <span class="iconfont" :class="item.icon"></span>
        <span class="title mh5">{{ item.title }}</span>
      </div>
    </div>
    <router-view></router-view>

  </section>
</template>

<script>


  export default {
    name: "CheckData",
    components: {},
    data() {
      return {
        dataNavs: [{
          path: 'table',
          icon: '',
          title: '综合表格',
        }, {
          path: 'event',
          icon: '',
          title: '事件分析',
        }, {
          path: 'road',
          icon: '',
          title: '道路分析',
        }, {
          path: 'camera',
          icon: '',
          title: '相机分析',
        }, {
          path: 'report',
          icon: '',
          title: '下载报告',
        }]

      }
    },
    created() {
    },
    computed: {},
    methods: {
      go(path) {
        this.$router.push({path: '/check/data/' + path});
      }


    },
  }
</script>

<style scoped lang="scss">
  @import "~css/data.scss";


</style>
